.BroadcastDetail{
    padding-bottom: 110rpx;
}
.video-main{
    video{
        width: 100%;
        height: 400rpx;
    }
    .video-title{
        padding: 20rpx 24rpx 0;
        color: #333;
        line-height: 42rpx;
        font-size: 30rpx;
        text-align: justify;
    }
    p{
        padding: 10rpx 24rpx 0;
        color: #999;
        font-size: 24rpx;
        .left{
            float: left;
            .iconfont{
                padding-right: 10rpx;
                color: #FFAA00;
                font-size: 34rpx;
            }
        }
        .right{
            float: right;
        }
    }
}
.video-operate{
    padding: 85rpx 24rpx 40rpx;
    p{
        padding: 0 25rpx;
        text-align: center;
        span{
            display: block;
            padding-top: 8rpx;
            color: #666;
            font-size: 24rpx;
        }
        span.iconfont{
            color: #333;
            font-size: 44rpx;
        }
    }
    .left{
        display: flex;
        float: left;
    }
    .right{
        float: right;
    }
}
.delimiter{
    height: 20rpx;
    background-color: #F5F5F5;
}
.teacher-message{
    padding: 40rpx 24rpx;
    h5{
        display: flex;
        align-items: center;
        padding-bottom: 20rpx;
        img{
            width: 100rpx;
            height: 100rpx;
        }
        span{
            padding-left: 20rpx;
            color: #333;
            font-size: 30rpx;
        }
    }
    p{
        color: #666;
        line-height: 40rpx;
        font-size: 28rpx;
        text-indent: 2em;
    }
}
.current-title{
    padding: 40rpx 24rpx 50rpx;
    h5{
        color: #333;
        font-size: 36rpx;
    }
}
.course-message{
    p{
        padding-top: 43rpx;
        color: #666;
        line-height: 40rpx;
        font-size: 28rpx;
        text-indent: 2em;
    }
}
.assess{
    .assess-item{
        h5{
            display: flex;
            align-items: center;
            padding-top: 43rpx;
            padding-bottom: 20rpx;
            img{
                width: 88rpx;
                height: 88rpx;
            }
            span{
                padding-left: 20rpx;
                color: #333;
                font-size: 30rpx;
            }
        }
        p{
            color: #666;
            line-height: 40rpx;
            font-size: 28rpx;
            text-indent: 2em;
            text-align: justify;
        }
    }
}
.footer{
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 110rpx;
    background-color: white;
    box-shadow: 0 0 5rpx rgba(0,0,0,.1);
    span:first-child{
        width: 250rpx;
        color: #D2AA76;
        font-size: 36rpx;
        text-align: center;
    }
    span:last-child{
        width: 480rpx;
        height: 80rpx;
        background-color: #DB4723;
        border-radius: 40rpx;
        color: white;
        line-height: 80rpx;
        text-align: center;
    }
}
.mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    >div{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #F5F5F5;
    }
    .mask-share{
        height: 320rpx;
        h5{
            padding-top: 40rpx;
            padding-bottom: 50rpx;
            color: #999;
            font-size: 28rpx;
            text-align: center;
        }
        ul{
            margin: auto;
            width: 385rpx;
            li:first-child{
                margin-right: 180rpx;
            }
            li{
                position: relative;
                float: left;
                width: 100rpx;
                text-align: center;
                img{
                    width: 100%;
                    height: 100rpx;
                }
                span{
                    padding-bottom: 8rpx;
                    color: #666;
                    font-size: 28rpx;
                }
                button{
                    position: absolute;
                    top: 0;
                    left: 0;
                    opacity: 0;
                    width: 100%;
                    height: 100%;
                    font-size: 18rpx;
                }
            }
        }
    }

    .mask-buy{
        height: 424rpx;
        text-align: center;
        h5{
            padding-top: 54rpx;
            color: #333;
            font-size: 44rpx;
        }
        p{
            padding-top: 30rpx;
            color: #999;
            font-size: 24rpx;
            // radio{
            //     width: 30rpx;
            //     height: 30rpx;
            // }
            .icon{
                position: relative;
                display: inline-block;
                margin-right: 10rpx;
                width: 30rpx;
                height: 30rpx;
                border-radius: 16rpx;
                border: 1rpx solid #707070;
                vertical-align: text-top;
            }
            .icon.active{
                border-color: #DB4723;
            }
            .icon.active::before{
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                display: block;
                content: "";
                margin: auto;
                width: 10rpx;
                height: 10rpx;
                background-color: #DB4723;
                border-radius: 5rpx;
            }
        }
        .to-buy{
            margin: 100rpx auto 0;
            width: 354rpx;
            height: 84rpx;
            background-color: #DB4723;
            border-radius: 42rpx;
            color: white;
            line-height: 84rpx;
            text-align: center;
        }
    }
    .mask-recharge{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 620rpx;
        height: 620rpx;
        background-color: transparent;
        .container{
            height: 440rpx;
            background-color: white;
            border-radius: 8rpx;
            text-align: center;
            h5{
                padding-top: 58rpx;
                color: #999;
                font-size: 28rpx;
            }
            p{
                margin: 50rpx auto 0;
                width: 354rpx;
                line-height: 84rpx;
                border-radius: 42rpx;
                border: 1rpx solid #DB4723;
                color: #DB4723;
            }
            .buy-goods{
                margin-top: 64rpx;
            }
        }
        .button-close{
            padding-top: 64rpx;
            color: white;
            font-size: 100rpx;
            text-align: center;
        }
    }
}